// 创建购物车模块
export default {
  // 为当前模块开启命名空间
  namespaced: true,
  // 模块的 state 数据
  state: () => ({
    //购物车的数组，用来存储购物车中每个商品的信息对象
    //每个商品的信息对象，都包含如下 6 个属性：
    //{ goods_id, goods_name, goods_price, goods_count, goods_small_logo, goods_state }
    cart: JSON.parse(uni.getStorageSync('cart') || '[]')
  }),
  // 模块的 mutations 方法，用于修改state数据
  mutations: {
    // 里面声明一个添加商品的方法
    addToCart(state, goods) {
      // 第一个参数永远是state,修改的数据源，第二个参数是goods表示添加的对象
      //1.先要在state里面的cart数组中找有没有我们要找的goods
      // 根据提交的商品的Id，查询购物车中是否存在这件商品
      // 如果不存在，则 findResult 为 undefined直接push；否则，为查找到的商品信息对象
      const findResult = state.cart.find((x) => x.goods_id === goods.goods_id) //说明找到了
      if (!findResult) {
        //如果没有这个商品那么我们直接push进入cart的数组
        state.cart.push(goods)
        // console.log(findResult)
      } else {
        // 否则就让我们已有的商品数量+1
        findResult.goods_count++
        // console.log(state.cart)
      }
      // 通过 commit 方法，调用 m_cart 命名空间下的 saveToStorage 方法
      this.commit('m_cart/saveToStorage')
    },
    // 将购物车中的数据持久化存储到本地
    saveToStorage(state) {
      uni.setStorageSync('cart', JSON.stringify(state.cart))
    },
    // 定义一个修改购物车商品勾选状态的方法
    // 更新购物车中商品的勾选状态
    updateGoodsState(state, goods) {
      // 根据 goods_id 查询购物车中对应商品的信息对象
      // const findResult = state.cart.find(x => x.goods_id === goods.goods_id)

      // 有对应的商品信息对象
      // if (findResult) {
      //   // 更新对应商品的勾选状态
      //   findResult.goods_state = goods.goods_state
      //   // 持久化存储到本地
      //   this.commit('m_cart/saveToStorage')
      // }
      // 这两种方法都可以
      state.cart.forEach(item => {
        if (item.goods_id === goods.goods_id) {
          item.goods_state = goods.goods_state
          this.commit('m_cart/saveToStorage')
          return true
        }
      })
    },
    // 修改商品数量的方法
    updateGoodsCount(state, goods) {
      // 先循环state.cart里面查找对应的一项
      state.cart.some(item => {
        if (item.goods_id === goods.goods_id) {
          // 那么找到了就不继续循环了，就赋值
          item.goods_count = goods.goods_count
          this.commit('m_cart/saveToStorage')
          return
        }
      })
    },
    // 删除对应的数据的方法
    removeGoodsById(state, goods_id) {
      // 找到对应的id的那一项，然后过滤出去，有返回值
      state.cart = state.cart.filter(item => item.goods_id !== goods_id)
      this.commit('m_cart/saveToStorage')
    },
    // 全选框的勾选状态
    allChecked(state,newState){
       // 循环更新购物车中每件商品的勾选状态
        state.cart.forEach(item => item.goods_state = newState)
        // 持久化存储到本地
        this.commit('m_cart/saveToStorage')
    }
  },
  // 模块的 getters 属性，相当于是过滤器的效果
  // 模块的 getters 属性
  getters: {
    // 统计购物车中已勾选商品的总数量
    total(state) {
      let c = 0
      // 循环统计商品的数量，累加到变量 c 中
      state.cart.forEach(goods => c += goods.goods_count)
      return c
      // return state.cart.filter(item=>item.goods_state).reduce((total,item)=>{
      //   return total += item.goods_count
      // },0)
    },
    // 动态的计算商品的数量
    checkedCount(state) {
      // 先使用 filter 方法，从购物车中过滤器已勾选的商品
      // 再使用 reduce 方法，将已勾选的商品总数量进行累加
      // reduce() 的返回值就是已勾选的商品的总数量
      return state.cart.filter(item => item.goods_state).reduce((total,item)=>{
        return total += item.goods_count
      },0)
    },
    // 计算是否全选的方法
    // isFullCheck(state){
    //   return state.cart.every(item=>item.goods_state)
    // },
    // 动态的计算已勾选的商品的总价格
    checkedGoodsAmount(state){
      return state.cart.filter(item=>item.goods_state).reduce((total,item)=>{
        return total += item.goods_count*item.goods_price
      },0).toFixed(2)
    }
  }
}
